import {deepExpand} from "./utils.utils";
import {
    bottomSafeHeight, clientRect,
    navbarHeight,
    navbarScreenWidth,
    screenHeight,
    statusBarHeight,
    topHeight
} from "./size.uitl";

const winSize = {
    "status-bar-height": statusBarHeight,
    "navBar-height": navbarHeight(),
    "navBar-screen-width": navbarScreenWidth(),
    "top-height": topHeight(),
    "bottom-safe-height": bottomSafeHeight(),
    "screen-height": screenHeight(true),
    "rect": clientRect(),
    "tabBar-height": 60,
};
const winSizeStyle = deepExpand(winSize, "--win", "-");
let styleStr = '';
for (const key in winSizeStyle) {
    styleStr += `${key}: ${winSizeStyle[key]}px;`;
}

export default styleStr;